.login {
    width: 100%;
    height: 100%;
    font-family: '黑体';
    display: flex;
}
.login1 {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login2 {
    width: 60%;
}
.login3>img {
    width: 170px;
}
.login4 {
    margin-top: 10px;
    font-size: 30px;
}
.login5 {
    margin-top: 10px;
    font-size: 20px;
}
.login6 {
    margin-top: 10px;
    font-size: 16px;
    color: #313957;
}
.login7 {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.login8 {
    border-radius: 10px;
    height: 40px;
    width: 200px;
    font-size: 17px;
    background-color: #162D3A;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.login9 {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    color: #D6E4E6;
}
.login10 {
    border-radius: 10px;
    height: 40px;
    width: 200px;
    font-size: 17px;
    background-color: #F3F9FA;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}